<template>
    <div class="mainBox">
        <el-form ref="form" :model="form" label-width="100px">
            <el-form-item label="产品名称" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="请输入产品名称"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="发行机构" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="信息披露"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="黄金价格" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="信息披露"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="风险等级" style="font-weight: bolder">
                <el-select v-model="form.region" placeholder="请选择(信息披露)">
                    <el-option label="低风险" value="低风险"></el-option>
                    <el-option label="中风险" value="中风险"></el-option>
                    <el-option label="高风险" value="高风险"></el-option>
                </el-select>
            </el-form-item>

            <el-form-item label="购买金额" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="交易规则"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="年龄范围" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="交易规则"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="领取金额" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="交易规则"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="资金到账日期" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="交易规则"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="交易日期" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="交易规则"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="兑换实物金" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="交易规则"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="利息规则" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="收益与费用"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="产品介绍" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="交易规则"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="费用规则" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="收益与费用"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="利息率" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="用于计算"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="平台手续费" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="百分比"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="平台抽成费率" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="百分比"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="产品数量" style="font-weight: bolder">
                <el-input
                    v-model="form.name"
                    placeholder="黄金克数"
                    style="width: 400px"
                ></el-input>
            </el-form-item>
            <el-form-item label="起购金额" style="font-weight: bolder">
                <el-input
                    placeholder="请输入内容"
                    v-model="input1"
                    style="width: 400px"
                >
                    <template slot="prepend">¥：</template>
                </el-input>
            </el-form-item>
            <el-form-item label="数据接口类型" style="font-weight: bolder">
                <el-select v-model="value1" placeholder="请选择(信息披露)">
                    <el-option
                        v-for="item in options1"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                    >
                    </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="交易日期" style="font-weight: bolder;">
                <el-select v-model="value2" placeholder="请选择星期">
                    <el-option
                        v-for="item in options2"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                    >
                    </el-option>
                </el-select>
                <el-select v-model="value3" placeholder="小时">
                    <el-option
                        v-for="item in options3"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                    >
                    </el-option>
                </el-select>
                &nbsp;
                <span>~</span>
                &nbsp;
                <el-select v-model="value2" placeholder="请选择星期">
                    <el-option
                        v-for="item in options2"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                    >
                    </el-option>
                </el-select>
                <el-select v-model="value3" placeholder="小时">
                    <el-option
                        v-for="item in options3"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                    >
                    </el-option>
                </el-select>
            </el-form-item>
        </el-form>
        <el-row style="padding-left:100px">
            <el-button type="primary">保存</el-button>
            <el-button type="info" plain>取消</el-button>
        </el-row>
    </div>
</template>

<script>
export default {
    data() {
        return {
            form: {
                name: "",
                region: "",
            },
            options1: [
                {
                    value: "选项1",
                    label: "黄金延期",
                },
                {
                    value: "选项2",
                    label: "迷你黄金延期",
                },
                {
                    value: "选项3",
                    label: "AU9999",
                },
                {
                    value: "选项4",
                    label: "沪金95",
                },
                {
                    value: "选项5",
                    label: "沪铂95",
                },
            ],
            value1: "",
            options2: [
                {
                    value: "选项1",
                    label: "星期一",
                },
                {
                    value: "选项2",
                    label: "星期二",
                },
                {
                    value: "选项3",
                    label: "星期三",
                },
                {
                    value: "选项4",
                    label: "星期四",
                },
                {
                    value: "选项5",
                    label: "星期五",
                },
                {
                    value: "选项6",
                    label: "星期六",
                },
                {
                    value: "选项7",
                    label: "星期天",
                },
            ],
            value2: "",
            options3: [
                {
                    value: "选项1",
                    label: "0",
                },
                {
                    value: "选项2",
                    label: "1",
                },
                {
                    value: "选项3",
                    label: "2",
                },
                {
                    value: "选项4",
                    label: "3",
                },
                {
                    value: "选项5",
                    label: "4",
                },
                {
                    value: "选项6",
                    label: "5",
                },
                {
                    value: "选项7",
                    label: "6",
                },
                {
                    value: "选项8",
                    label: "7",
                },
                {
                    value: "选项9",
                    label: "8",
                },
                {
                    value: "选项10",
                    label: "9",
                },
                {
                    value: "选项11",
                    label: "10",
                },
                {
                    value: "选项12",
                    label: "11",
                },
                {
                    value: "选项13",
                    label: "12",
                },
                {
                    value: "选项14",
                    label: "13",
                },
                {
                    value: "选项15",
                    label: "14",
                },
                {
                    value: "选项16",
                    label: "15",
                },
                {
                    value: "选项17",
                    label: "16",
                },
                {
                    value: "选项18",
                    label: "17",
                },
                {
                    value: "选项19",
                    label: "18",
                },
                {
                    value: "选项20",
                    label: "19",
                },
                {
                    value: "选项21",
                    label: "20",
                },
                {
                    value: "选项22",
                    label: "21",
                },
                {
                    value: "选项23",
                    label: "22",
                },
                {
                    value: "选项24",
                    label: "23",
                }
            ],
            value3: "",
            
        };
    },
};
</script>

<style scoped>
.mainBox {
    margin: 0;
    padding: 0;
    padding-left: 50px;
    text-align: left;
    line-height: normal;
}
</style>